<template>
    <div class="adminmessage">
        <div class="nav">
            <div v-for="(item,index) in nav" :class="activeIndex==index ? 'active navitem' : 'navitem'"
                 @click="GetNav(index)">
                {{ item.title }}
            </div>
        </div>
        <div class="list">
            <div v-for="item in 3" class="listitem">
                <div class="tts">
                    <el-tag effect="dark">已报价</el-tag>
                    <el-tag effect="dark" type="warning">待议价</el-tag>
                    <el-tag effect="dark" type="success">恭喜中标</el-tag>
                    上饶师范学院音乐楼闲置的三十台钢琴转让拍卖公告
                </div>


                <p>2023-07-12</p>

            </div>
        </div>
    </div>
</template>


<script setup>
/**
 * 组件引入
 */
import {onMounted, reactive, ref} from 'vue'
import http from "../../api/api.js"
import msg from "../../utils/Message.js"

/**
 * 全局变量
 */
const nav = reactive([
    {
        title: "全部通知"
    }, {
        title: "公开招标"
    }, {
        title: "邀请招标"
    }, {
        title: "议价信息"
    }, {
        title: "报价信息"
    }
])

var activeIndex = ref(0);

/**
 * 页面挂载后
 */
onMounted(() => {
    // initPageData();
});


/**
 * 方法区
 */


function GetNav(index) {
    activeIndex.value = index
}

// 初始化数据
const initPageData = () => {
    http.HttpGet("GetDocumentClassIndex").then((res) => {
        initData.loading = false
        if (res.code == 0) {
            initData.list = res.data
            msg.message(res.msg)
        } else {
            msg.message(res.msg, 'error')
        }
    })
}

</script>

<style lang="scss" scoped>
@import '../../assets/scss/index.scss';
</style>

